<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>突袭简历 - AI智能简历优化平台</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="css/mobile.css">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="logo">
                <a href="index.html">
                    <span class="logo-text">突袭简历</span>
                </a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="templates.html">简历模板</a></li>
                    <li><a href="resume-editor.html">简历编辑</a></li>
                    <li><a href="resume-analysis.html">AI分析</a></li>
                    <li><a href="pricing.html">会员服务</a></li>
                </ul>
            </nav>
            <div class="user-actions">
                <a href="login.html" class="btn btn-login">登录</a>
                <a href="register.html" class="btn btn-primary">注册</a>
            </div>
            <button class="mobile-menu-toggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>突袭简历</h1>
                <p>让AI助你打造专业简历，提升求职竞争力</p>
                <div class="hero-buttons">
                    <a href="register.html" class="btn btn-primary btn-large">立即开始</a>
                    <a href="#features" class="btn btn-secondary btn-large">了解更多</a>
                </div>
            </div>

        </div>
    </section>

    <section id="features" class="features">
        <div class="container">
            <h2 class="section-title">核心功能</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <h3>AI智能分析</h3>
                    <p>基于大模型的简历内容分析，精准识别简历优缺点</p>
                </div>
                <div class="feature-card">
                    <h3>智能优化建议</h3>
                    <p>针对不同岗位需求，提供个性化简历优化方案</p>
                </div>
                <div class="feature-card">
                    <h3>多模板支持</h3>
                    <p>丰富的专业简历模板，适配不同行业和职位需求</p>
                </div>
                <div class="feature-card">
                    <h3>实时预览</h3>
                    <p>所见即所得的编辑体验，随时预览简历效果</p>
                </div>
            </div>
        </div>
    </section>

    <section class="templates-preview">
        <div class="container">
            <h2 class="section-title">精选简历模板</h2>
            <div class="templates-slider">
                <div class="template-card">
                    <div class="template-info">
                        <h3>简约风格</h3>
                        <p>清晰干净的设计，突出专业能力</p>
                        <a href="templates.html" class="btn btn-outline">查看详情</a>
                    </div>
                </div>
                <div class="template-card">
                    <div class="template-info">
                        <h3>创意设计</h3>
                        <p>独特视觉元素，展现创意能力</p>
                        <a href="templates.html" class="btn btn-outline">查看详情</a>
                    </div>
                </div>
                <div class="template-card">
                    <div class="template-info">
                        <h3>商务专业</h3>
                        <p>稳重大气的设计，适合高级管理岗位</p>
                        <a href="templates.html" class="btn btn-outline">查看详情</a>
                    </div>
                </div>
            </div>
            <div class="view-more">
                <a href="templates.html" class="btn btn-secondary">查看全部模板</a>
            </div>
        </div>
    </section>

    <section class="how-it-works">
        <div class="container">
            <h2 class="section-title">如何使用</h2>
            <div class="steps">
                <div class="step">
                    <div class="step-number">1</div>
                    <div class="step-content">
                        <h3>注册账号</h3>
                        <p>简单注册，开启AI简历优化之旅</p>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">2</div>
                    <div class="step-content">
                        <h3>选择模板</h3>
                        <p>浏览并选择适合您的专业简历模板</p>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">3</div>
                    <div class="step-content">
                        <h3>填写信息</h3>
                        <p>输入您的个人信息、工作经历和技能</p>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">4</div>
                    <div class="step-content">
                        <h3>AI优化</h3>
                        <p>获取AI分析和优化建议，提升简历质量</p>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">5</div>
                    <div class="step-content">
                        <h3>下载使用</h3>
                        <p>导出高质量PDF简历，开启求职之旅</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pricing-preview">
        <div class="container">
            <h2 class="section-title">会员服务</h2>
            <div class="pricing-cards">
                <div class="pricing-card">
                    <div class="pricing-header">
                        <h3>免费版</h3>
                        <div class="price">¥0</div>
                    </div>
                    <ul class="pricing-features">
                        <li>基础简历模板</li>
                        <li>简历在线编辑</li>
                        <li>PDF导出</li>
                        <li>有限存储空间</li>
                    </ul>
                    <a href="register.html" class="btn btn-outline">立即注册</a>
                </div>
                <div class="pricing-card featured">
                    <div class="pricing-header">
                        <h3>专业版</h3>
                        <div class="price">¥99<span>/月</span></div>
                    </div>
                    <ul class="pricing-features">
                        <li>全部高级模板</li>
                        <li>AI简历分析</li>
                        <li>智能优化建议</li>
                        <li>无限存储空间</li>
                        <li>优先客户支持</li>
                    </ul>
                    <a href="pricing.html" class="btn btn-primary">立即升级</a>
                </div>
                <div class="pricing-card">
                    <div class="pricing-header">
                        <h3>企业版</h3>
                        <div class="price">¥299<span>/月</span></div>
                    </div>
                    <ul class="pricing-features">
                        <li>专业版全部功能</li>
                        <li>多用户管理</li>
                        <li>团队协作</li>
                        <li>定制化模板</li>
                        <li>专属客户经理</li>
                    </ul>
                    <a href="pricing.html" class="btn btn-outline">了解详情</a>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonials">
        <div class="container">
            <h2 class="section-title">用户评价</h2>
            <div class="testimonials-slider">
                <div class="testimonial-card">
                    <div class="testimonial-content">
                        <p>突袭简历的AI分析功能帮我发现了简历中的多处问题，优化后很快就收到了面试邀请。</p>
                    </div>
                    <div class="testimonial-author">
                        <div>
                            <h4>张先生</h4>
                            <p>软件工程师</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="testimonial-content">
                        <p>专业的模板设计和智能优化建议，让我的简历在众多应聘者中脱颖而出。</p>
                    </div>
                    <div class="testimonial-author">
                        <div>
                            <h4>李女士</h4>
                            <p>市场营销经理</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="testimonial-content">
                        <p>大学白度了四年，作为应届毕业生，突袭简历帮我打造了一份专业的简历，成功获得了理想公司的offer。</p>
                    </div>
                    <div class="testimonial-author">
                        <div>
                            <h4>王同学</h4>
                            <p>应届毕业生</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="cta">
        <div class="container">
            <h2>开始打造你的专业简历</h2>
            <p>立即注册，体验AI驱动的简历优化服务</p>
            <a href="register.html" class="btn btn-primary btn-large">免费注册</a>
        </div>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <div class="footer-logo">
                        <h3>突袭简历</h3>
                    </div>
                    <p>AI驱动的智能简历优化平台，助力求职者提升竞争力</p>
                </div>
                <div class="footer-col">
                    <h4>产品服务</h4>
                    <ul>
                        <li><a href="templates.html">简历模板</a></li>
                        <li><a href="pricing.html">会员服务</a></li>
                        <li><a href="#">AI简历分析</a></li>
                        <li><a href="#">简历优化</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>学习资源</h4>
                    <ul>
                        <li><a href="resume-editor.html">简历编辑</a></li>
                        <li><a href="#">简历写作指南</a></li>
                        <li><a href="#">面试技巧</a></li>
                        <li><a href="#">行业洞察</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>关于我们</h4>
                    <ul>
                        <li><a href="#">公司介绍</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">用户协议</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>客户支持</h4>
                    <ul>
                        <li><a href="#">帮助中心</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">意见反馈</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 突袭简历 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/api.js"></script>
    <script src="js/main.js"></script>
    <script src="js/home.js"></script>
</body>
</html>